<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>购物车</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.css">
    <link rel="stylesheet" href="../../css/mycss/cheapList.css">
</head>
<style>


    .mui-table-view-chevron .mui-table-view-cell {
         padding-right: 0px;!important;
    }
    .mui-table-view-cell {
        /* position: relative; */
        /* overflow: hidden; */
         padding: 0px 0px;!important;
        -webkit-touch-callout: none;
    }
</style>
<body style="background-color: rgb(236,239,243);">

<header id="header" class="mui-bar mui-bar-nav" style="max-width: 414px;margin: auto;background-color:rgb(0,145,219);">
    <a style="color: white; " class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <!--<div  class="l"></div>-->
    <div class="mui-title" style="color: white;text-align: left;margin-left: 20px">即将上新</div>
</header>
<div class="mui-content">
    <div  style=" overflow:scroll;">
        <div class="amost-lists" style="width:1900px;overflow-y: hidden;background-color: rgb(236,239,243);padding: 10px;">

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
									<p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
									</p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
                        <p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
                        </p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
                        <p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
                        </p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
                        <p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
                        </p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
                        <p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
                        </p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>

            <div class="cheapImg mui-row"  style="float: left;width:300px;height: 180px;background-color: white;padding: 10px;">
                <div class="mui-col-xs-12" style="height: 20px;">
                    <div style="width: 60px;float: left;">
                        <img style="width: 100%" src="../../images/图层-1@2x_0.png">
                    </div>
                    <div style="float:right">
                        <span style="font-weight:bold;font-size: 12px;color:  #FF1493;">明天9点开抢</span>
                    </div>
                </div>
                <div class="mui-col-xs-5">
                    <img src="../../images/750x750.png" style="width: 100%;height: 100%;">
                </div>

                <div class="mui-col-xs-6" style="background-color: white;margin-top:0px;float: left;margin-left: 20px;">
                    <div class="goods-detail-dsc" style="line-height: 14px;font-weight: bold;" >
                        <h3 style="color: #FF1493;font-weight: bold;font-size: 16px;">ABC田撒旦法阿 </h3>
                        <p style="font-size: 12px;color: #222222">旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂旦法阿斯蒂
                        </p>
                    </div>
                    <div class="goods-detail-down" style="line-height: 12px;margin-top: 40px;float:left;width: 100%">
                        <div style="float:left;margin-top: 5px;">
                            <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                            <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                            <span style="font-size:12px;text-decoration:line-through;color: rgb(119,119,119)">¥74</span>
                        </div>
                        <div onclick="javascript:goUrl('template/qianggou/detail.html')" style="background-color: rgb(245,0,89)
								;color:white;margin-left: 0px;float:right"  class="mui-btn">抢购提醒
                        </div>
                    </div>
                </div>
            </div>
        </div>

            <div class="mui-scroll">
                <!--数据列表-->
                <div style="width: 100%;height: 20px;margin-top:10px;">
                    <img style="width: 20px;;height: 20px;;margin-left:0px;float: left" src="../../images/750大图.png" >
                    <span style="font-size: 12px;">母婴用品</span>
                </div>
                <div style="margin-top:20px;margin-bottom:20px;">
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                    </ul>
                </div>

                <!--数据列表-->
                <div style="width: 100%;height: 20px;margin-top:10px;">
                    <img style="width: 20px;;height: 20px;;margin-left:0px;float: left" src="../../images/750大图.png" >
                    <span style="font-size: 12px;">母婴用品</span>
                </div>
                <div style="margin-top:20px;margin-bottom:20px;">
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                    </ul>
                </div>

                <!--数据列表-->
                <div style="width: 100%;height: 20px;margin-top:10px;">
                    <img style="width: 20px;;height: 20px;;margin-left:0px;float: left" src="../../images/750大图.png" >
                    <span style="font-size: 12px;">母婴用品</span>
                </div>
                <div style="margin-top:20px;margin-bottom:20px;">
                    <ul class="mui-table-view mui-table-view-chevron">
                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                        <li class="mui-table-view-cell" style="width: 49%;display: inline-block;overflow:visible">
                            <div class="cell-img"  style="width: 100%;">
                                <img src="../../images/abc.png" style="width: 100%;">
                            </div>
                            <div  class="cell-content" style="margin:10px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient: vertical;font-size:14px;height:40px;word-wrap:break-word;color: #696969;overflow: hidden;">
                                <span>撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分撒旦理发师两地分两地分</span>
                            </div>
                            <div class="cell-price">
                                <div class="goods-detail-down" style="line-height: 12px;margin: 10px;float:left;">
                                    <span style="font-weight: bold;color: rgb(245,0,89);font-size: 12px;letter-spacing:-5px;">¥</span>
                                    <span style="font-size: 25px;font-weight: bold;color: rgb(245,0,89); letter-spacing:-2px;">1&nbsp</span>
                                    <span style="font-size: xx-small;text-decoration:line-through;color: rgb(119,119,119)">¥12.05</span>
                                    <strong style="font-size: 12px;color: rgb(119,119,119);margin-left: 5px ">已售:  999+</strong>
                                </div>
                            </div>
                            <!--<a href="" style="float:left;width: 50%;height: 100px;"><img style="width: 100%;height: 100%;" src="../../images/750大图.png"></a>-->
                        </li>

                    </ul>
                </div>


        </div>
    </div>
</div>
</div>
</body>

<script src="../../js/mui.js"></script>
<script src="../../js/myjs/cheapList.js"></script>
<script src="../../js/myjs/commonjs/jquery-1.10.1.min.js"></script>
<script src="../../js/myjs/url.js"></script>
<script>
    window.onload=function(){
        var width =  375-20;
//        var height = width/2;
//        document.getElementsByClassName('amost-lists')[0].style.width = width*5+'px';
//        document.getElementsByClassName('amost-lists')[0].style.height = height+'px';

//        jQuery('.cheapImg').css('width',width*0.8+'px');
//        jQuery('.cheapImg').css('height',height+'px');
        jQuery('.cheapImg').css('margin-left','5px');
        document.getElementsByClassName('cheapImg')[0].style.marginLeft = 0+'px';
//        var amostImgs = document.getElementsByClassName('amost-img');
//        var divNum =  amostImgs.length;
//        for (var i = 0; i < divNum; i++){
//            amostImgs[i].style.width = width/3-20+'px';
//            amostImgs[i].style.height = height+'px';
//        }

//        var top  =  20+40+height+'px';
//        //启用双击监听
        mui.init({
            pullRefresh: {
                container: '#pullrefresh',
                        down: {
                    callback: pulldownRefresh
                }
            }
        });
        function pulldownRefresh(){
            alert('aa');
            mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed
        }

    }
//    jQuery(document).ready(function() {
//        jQuery(window).scroll(function() {
//            //$(document).scrollTop() 获取垂直滚动的距离
//            //$(document).scrollLeft() 这是获取水平滚动条的距离
//            if (jQuery('body').scrollTop() <= 0) {
//                jQuery(".loading-reflash").show(100);
//                jQuery(".loading-reflash").hide(500);
//            }
//        });
//    });
</script>
</body>

</html>